<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>选项匹配统计</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" href="<?= RESOURCES ?>/layuiadmin/layuiadmin/layui/css/layui.css" media="all">
	<link rel="stylesheet" href="<?= RESOURCES ?>/layuiadmin/layuiadmin/style/admin.css" media="all">
</head>
<body>
<div class="layui-fluid">
	<div class="layui-row layui-col-space15">
		<div class="layui-col-md12">
			<div class="layui-card">
				<!--查询条件start-->
				<div class="layui-form layui-card-header layuiadmin-card-header-auto">
					<div class="layui-form-item">
						<div class="layui-inline">
							<label class="layui-form-label">问题</label>
							<div class="layui-input-inline">
								<select name="wenti" id="wenti">
									<option value="">请选择问题</option>
									<?php foreach($wenti as $v) {?>
									<option value="<?=$v['id']?>"><?=$v["biaoti"]?></option>
									<?php }?>
								</select>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">时间</label>
							<div class="layui-input-inline">
								<input type="text"   name="dtime" id="dtime" value="" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input ghy-date">
							</div>
						</div>
						<div class="layui-inline">
							<button class="layui-btn layuiadmin-btn-list" lay-submit lay-filter="LAY-app-contlist-search">
								<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
							</button>
						</div>
					</div>
				</div>
				<!--查询条件end-->
				<div class="layui-card-body">
					<table class="layui-hide" id="test-table-operate" lay-filter="test-table-operate"></table>
				</div>
			</div>

		</div>
	</div>
</div>
</div>

<script src="<?= RESOURCES ?>/layuiadmin/layuiadmin/layui/layui.js"></script>
<script>
	layui.config({
		base: '<?= RESOURCES ?>/layuiadmin/layuiadmin/' //静态资源所在路径
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index', 'table', 'form', 'laydate', 'contlist'], function() {
		var $ = layui.$,
				table = layui.table,
				admin = layui.admin,
				laydate = layui.laydate,
				form = layui.form;

		table.render({
			elem: '#test-table-operate',
			url: '/<?= ADMIN_NAME ?>/zhengcetongji/xuanxiangpipeiTongji',
			height: 'full-100',
			cellMinWidth: 80,
			page: false,
			cols: [
				<?=$filedlistJson?>
		],
	});

	//监听表格复选框选择
	table.on('checkbox(test-table-operate)', function(obj) {
	console.log(obj)
	});
		//监听工具条
	table.on('tool(test-table-operate)', function(obj) {
	var data = obj.data;
	if(obj.event === 'get_table_list') {
	var id = data.id;
		//layOpen("修改管理员","<?= ADMIN_NAME ?>/table/editpassword?id="+id);
	newTab(data.u2+'内容管理', '/<?= ADMIN_NAME ?>/'+data.u8+'/index?table_id='+data.id);


	} else if(obj.event === 'del') {
			layer.confirm('真的删除行么', function(index) {
				layer.close(index);
				var id = data.id;
				var table_id ="<?=$table_id?>";
				//myAjax("/<?= ADMIN_NAME ?>/autotable/delete?"+"id="+id+"&table_id="+table_id,"get","");
				$.ajax({
					url: "/<?= ADMIN_NAME ?>/autotable/delete?"+"id="+id+"&table_id="+table_id,
					type: "get",
					data: "",
					dataType: 'JSON',
					success: function(data) {
						if(data.status) {
							var index = parent.layer.getFrameIndex(window.name);
							parent.layer.msg(data.msg, {
								icon: 6
							}); //添加成功后提示
						} else {
							parent.layer.msg(data.msg, {
								icon: 5,
								time: 1000
							});
						}
						//更新行数据
						obj.del(); //删除对应行（tr）的DOM结构，并更新缓存        
					}
				})
			});
		} else if(obj.event === 'edit') {
			var id = data.id;
			layOpen("修改内容","/<?= ADMIN_NAME ?>/autotable/edit?table_id=<?=$table_id?>&id="+id,"100%","100%");

		}else if(obj.event === 'setfield'){
			newTab(data.u2+'字段管理', '/<?= ADMIN_NAME ?>/filed/index?table_id='+data.id);
		}


	});

		laydate.render({
			elem:'.ghy-date',//制定元素
			type:'datetime',
			range:true,//开启左右面板
			trigger:'click',//定义鼠标悬停时弹出控件
			show:false,//默认显示
			calendar:true,//是否显示公历节日

		});

		//监听搜索
		form.on('submit(LAY-app-contlist-search)', function(data){
			var field = data.field;
			//alert(field);
			//执行重载
			table.reload('test-table-operate', {
				where: field
			});
		});



		//	批量删除
		window.onClickDeleteBtn = function(type,name){
			layer.confirm('确认要'+name+'吗？', {
						icon: 3, title:'确认批量操作',
						btn: ['确认', '取消']
					}, function (index, layero) {
						layer.closeAll('dialog');
						//获取checkbox的值
						var checkStatus = table.checkStatus('test-table-operate');
						var ids = [];
						$(checkStatus.data).each(function (i, o) {//o即为表格中一行的数据
							ids.push(o.id);
						});
						if (ids.length < 1) {
							layer.msg('无选中项');
							return false;
						}
						if(ids.length >= 100 ){
							layer.msg("选择不能超过100项");
							return false;
						}

						ids = ids.join(",");



						//	分别请求不同的数据接口
						if(type=="all"){
							//处理全部类型的数据
							$.ajax({
								url: "/<?= ADMIN_NAME ?>/autotable/delete?"+"id="+ids+"&table_id=<?=$table_id?>",
								type: "get",
								data: "",
								dataType: 'JSON',
								success: function(data) {
									if(data.status) {
										var index = parent.layer.getFrameIndex(window.name);
										parent.layer.msg(data.msg, {
											icon: 6
										}); //添加成功后提示
									} else {
										parent.layer.msg(data.msg, {
											icon: 5,
											time: 1000
										});
									}
									//更新行数据
									location.reload();
								}
							})
						}else if(type="pretreatmentguanjianci"){
							layer.msg("暂无操作类型"); //添加成功后提示

						}

					}
			);
		};



	});
</script>

</body>

</html>

<?php foreach ($filedShowList as $v){  ?>

<?php if($v['u7']=='图片' ) { ?>
<script type="text/html" id="tp_<?=$v['u1']?>">
	<a href="javascript:;"  >
		<img   layer-src="{{d.<?=$v['u1']?>}}" src="{{d.<?=$v['u1']?>}}" width="100%" height="100%">
	</a>
</script>
<?php } ?>


<?php } ?>

